::-webkit-scrollbar{
    display: none;
}
/* 隐藏滚动条 */
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
/*字体横向位置*/
.float-left{
    float: left;
}
.float-right{
    float: right;
}
/* 浮动 */
.rotate-180{
transform: rotate(180deg);
-ms-transform: rotate(180deg);		/* IE 9 */
-webkit-transform: rotate(180deg);	/* Safari and Chrome */
-o-transform: rotate(180deg);		/* Opera */
-moz-transform: rotate(180deg);	
}
/* 翻转180度 */

.placeholder{
    outline: none;
    &::-webkit-input-placeholder {
        color: #c0c4cc;
        text-indent: 10px;
        line-height: 30px;
    }
    &:-ms-input-placeholder { // IE10+
        color: #c0c4cc;
        text-indent: 10px;
        line-height: 30px;        
    }
    &:-moz-placeholder { // Firefox4-18
        color: #c0c4cc;
        text-indent: 10px;
        line-height: 30px;
        
    }
    &::-moz-placeholder { // Firefox19+
        color: #c0c4cc;
        text-indent: 10px;
        line-height: 30px;        
    }
}
/* 输入框提示语句样式 */

.transition(@time){
    transition: all @time;
    -moz-transition: all @time; /* Firefox 4 */
    -webkit-transition: all @time; /* Safari 和 Chrome */
    -o-transition: all @time; /* Opera */
}
/* 添加过渡 */


.border-1px(@color)
{
    position: relative;
  &:after{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid @color;
    content: ' ';
    @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
    {
        transform: scaleY(0.33);
    }
    @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2)
    {
        transform: scaleY(0.5);
    }
  }
}

/* 1像素边框 */

.border-none()
{
    &:after{
        display: none;
    }   
}
/* 删除一像素边框 */
  

.bg-image(@url)
{
    background-image: url('@{url}@2x.png');
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
  {
    background-image: url('@{url}@3x.png');
  }
}
/* 设置背景 */

.ellipsis(@line) {
    overflow: hidden;
-ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: @line;
}
/* 显示省略号 */